*{
	margin:0;
	padding:0;
	list-style: none;
}
body{
	background: #f3f3f3;
}
#wrap{
	width:100%;
	#nei{
		width:1200px;
		margin:100px auto;
		margin-bottom: 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border:1px solid black;
		background: white;
		#left{
			width:10%;
			position: relative;
			top:-40px;
			left: 40px;
			#ftu{
				display: inline-block;
				width:100%;
				border:1px solid black;
				/*outline: 4px solid skyblue;*/
				border-radius:50%;
				overflow: hidden;

				img{
				width:100%;
				margin:auto;
				z-index: -10;
				}
			}
			p{
				width: 100%;
				text-align: center;
				line-height: 30px;
				font-size: 20px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			#hehe{
				display: inline-block;
				width: 100%;
				text-align: center;
				img{
					width:14%;
				}
			}
			
		}
		#middle{
			width:45%;
			text-align: left;
			text-indent: 5rem;
			font-size: 30px;
		}
		#right{
			width:40%;
			text-align: center;
			button{
				width:80px;
				height:34px;
				border:none;
				color:white;
				margin-left: 20px;
			}
			button:nth-child(1){
				background: #0099e5;
			}
			button:nth-child(2){
				background: #4ccb73;
			}
		}
	}
}
#zuopin{
	width:1200px;
	margin:10px auto;
	background: white;
	border:1px solid #ccc;
	a{
		font-size: 0;
		position: relative;
		display: inline-block;
		width: 25%;
		font-size: 0;
		height:305px;
		img{
			width:100%;
			
		}
		span{
			position: absolute;
			top:255px;
			left: 0;
			display: inline-block;
			width: 100%;
			height:50px;
			display: inline-block;
			background:linear-gradient(rgba(255,255,255,0.6),rgba(0,0,0,0.6));
			color: black;
			font-size: 20px;
			text-align: left;
			text-indent: 3rem;
			line-height: 50px;
			color:#ccc;
		}
	}
}